<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>客服帮助</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="reset.css">
    <style>
        body {
            background: #f5f5f5;
        }
        
        .con img {
            width: 100%;
            vertical-align: top
        }
        
        .jh {
            width: 100%;
            background: #fff;
            overflow: hidden;
            padding-top: 10px;
        }
        
        .jh dd {
            width: 18%;
            float: left;
            text-align: center;
            border-right: 1px solid #f2f2f2;
            box-sizing: border-box;
            font-size: 12px;
            margin-top: 10px;
        }
        
        .jh dd img {
            width: 50%;
        }
        
        .jh dt {
            width: 82%;
            float: right;
        }
        
        .jh dt .list {
            width: 94%;
            margin-left: 3%;
            border-bottom: 1px solid #f5f5f5;
            position: relative;
        }
        
        .jh dt p {
            line-height: 50px;
            color: #333;
        }
        
        .jh .xiala {
            width: 20px;
            position: absolute;
            right: 2px;
            top: 15px;
            z-index: 999
        }
        
        .jh dt span {
            font-size: 12px;
            padding-bottom: 20px;
            display: inline-block;
            color: #999;
        }
        
        .error {
            width: 90%;
            margin-left: 5%;
            margin-top: 10px;
        }
        
        .btn a {
            width: 90%;
            height: 44px;
            display: block;
            line-height: 44px;
            text-align: center;
            margin-left: 5%;
            background: #0b94de;
            border-radius: 6px;
            color: #fff;
            margin-top: 20px;
            margin-bottom: 50px;
        }
    </style>
</head>

<body>
    <div id="app" class="con">
        <img src="images/header.png" alt="">
        <dl class="jh">
            <dd>
                <img src="images/jh.png" alt="">
                <p>聚合收款</p>
            </dd>
            <dt>
                <div class="list" v-for="item in data1">
                    <p  @click="ok(item)">{{item.title}}</p>
                    <span v-show="item.show">
                        {{item.con}}
                    </span>
                    <div class="xiala" @click="ok(item)">
                        <img src="images/xiala.png" alt="" v-show="!item.show">
                        <img src="images/shouqi.png" alt="" v-show="item.show">
                    </div>
                </div>

            </dt>
        </dl>
        <dl class="jh" style="margin-top:10px">
            <dd>
                <img src="images/hb.png" alt="">
                <p>花呗分期</p>
            </dd>
            <dt>
                <div class="list" v-for="item in data2">
                    <p @click="ok(item)">{{item.title}} </p>
                    <span v-html="item.con" v-show="item.show">
                        {{item.con}}
                    </span>
                    <div class="xiala" @click="ok(item)">
                        <img src="images/xiala.png" alt="" v-show="!item.show">
                        <img src="images/shouqi.png" alt="" v-show="item.show">
                    </div>
                </div>
            </dt>
        </dl>
        <div class="error" @click="call()">
            <img src="images/error.png" alt="">

        </div>
        <dl class="jh" style="margin-top:10px">
            <dd>
                <img src="images/jt.png" alt="">
                <p>其他问题</p>
            </dd>
            <dt>
                <div class="list" v-for="item in data3">
                    <p @click="ok(item)">{{item.title}} </p>
                    <span v-show="item.show">
                        {{item.con}}
                    </span>
                    <div class="xiala" @click="ok(item)" >
                        <img src="images/xiala.png" alt="" v-show="!item.show">
                        <img src="images/shouqi.png" alt="" v-show="item.show">
                    </div>
                </div>
        </dl>

        <div class="btn">
            <a href="tel:02566046356">拨打人工客服电话</a>
        </div>

    </div>


</body>
<script src="vue.min.js"></script>


<script>
    var app = new Vue({
        el: '#app',
        data: {
            "data1": [{
                "show": false,
                "title": "1.商户收款后 钱到哪里",
                "con": "商户收款的钱是秒到商户自己的支付宝账户。"
            }, {

                "show": false,
                "title": "2.收款生成二维码 由客户扫描付款吗",
                "con": "银土所有收款项可支持正扫（扫描顾客付款嘛）反扫（生成收款码让顾客扫描）"
            }, {

                "show": false,
                "title": "3.聚合支付只支持支付宝吗",
                "con": "目前聚合支持支付宝、可绑定储蓄卡、信用卡等，微信支付功能也会陆续上线。"
            }, {

                "show": false,
                "title": "4.商户收款会收手续费吗",
                "con": "顾客通过聚合支付会收取商户0.38%的手续费，收款额度原则上没有限制（信用卡额度等取决于发卡行）。"
            }],
            "data2": [{
                "show": false,
                "title": "1.花呗分期手续费是多少 谁承担",
                "con": "花呗分期不同产品的客户承担的分期手续费在每月1%-1.5%之间，手续费由客户自己承担。"
            }, {
                "show": false,
                "title": "2.客户花呗分期有限额吗",
                "con": "单笔限额50000元"
            }, {
                "show": false,
                "title": "3.会不会办理通不过的",
                "con": "如果客户一直正常消费，且没有套现风控等行为，客户都是可以做花呗分期的。如果遇到用户被风控，用户花呗分期支付时提示信息为'该笔交易暂不支持花呗分期（ALIN10046)'，可以将金额拆分为1500以下，多笔付款，或补差价支付。"
            }, {

                "show": false,
                "title": "4.优选购 贴息购 赠礼购是什么意思",
                "con": "优选购属于标准费率套餐产品;<br>赠礼购主打高费率，主要针对费率不敏感的客户群，商户以赠品为手段促销。该类订单会给商户返点（ 获得红包或分润），实际受益人还是商户；<br>贴息购主打营销活动，根据不同客户做产品营销或者促销活动。举个例子：商户可以把940元的手机，对外价格改为：1000 元，用贴息购的方式 分6期，商户到账金额是940元，商户可以对外宣传：0 首付0利息。"
            }],
            "data3": [{
                "show": false,
                "title": "1.商户提交资料 多久审核通过",
                "con": "1-2个工作日。"
            }, {

                "show": false,
                "title": "2.营业员做单奖励是什么意思",
                "con": "做赠礼购订单（长期奖励）或活动期间的其他订单后，我们会以红包的形式奖励给操作人，直接进入其绑定的支付宝账户，秒奖秒到账。"
            }, {

                "show": false,
                "title": "3.商户的支付宝收款账户可以更改吗",
                "con": "为确保收银账户的安全性，更改收款支付宝账户需要商户管理员向银土提出申请，由银土人工审核后进行修改。注册时务必慎重填写。"
            }, {

                "show": false,
                "title": "4.平台的客服电话和服务时间",
                "con": "全天24小时 客服电话：025-6604 6356 "
            }, {

                "show": false,
                "title": "5.商户操作使用教程哪里有",
                "con": "关注银土收银台公众号“银土收银台”，里面有详细的使用教程。"
            }, {

                "show": false,
                "title": "6.多门店如何管理 需注册多个账户吗",
                "con": "商户注册后，可登陆app，在“我的”页面有门店管理、员工管理功能，可添加门店和店员。商户下面所有门店和店员所收款项都归集到商家唯一收款支付宝账户，秒到账。在经营中心可对不同门店进行管理和对账。 "
            }]
        },
        methods: {
            ok(item) {
                item.show = !item.show;
            },
            call(){
                location.href = 'kefuhelp';
            }
        }

    })
</script>

</html>